body {
    background: url(../images/bg.jpg) no-repeat center;
    background-size: 100% 100%;
}
#app {
    height: 100%;
    background: url(../images/header2.png) no-repeat center 15px;
    background-size: 100% 100%;
}
.header {
    height: 92px;
    position: relative;
}
.header_img {
    
    height: 70px;
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    line-height: 70px;
    text-shadow: -1px 1px 0px #fff;
    color: #9999ff;
}
.header ul {
    overflow: hidden;
    margin: 0;
}
.header ul li {
    float: left;
    list-style-type:none;
    color: #fff;
    padding: 0 36px;
    cursor: pointer;
}
.header .active {
    clip-path: polygon( 30px 0, calc(100% - 20px) 0, 100% 0px, 100% calc(100% - 20px), calc(100% - 30px) 100%, 0px 100%, 0 calc(100% - 20px), 0 20px );
}
.content {
    /* padding: 0 15px 20px; */
    padding-top: 5px;
    padding-right: 5px;
}
.all {
    border: 1px solid #9999ff;
    background: #ffffff0d;
    box-shadow: 0 0px 5px 0 rgb(6 13 245) inset;
}
.content .ant-layout-sider-children {
    border-right: 1px solid #9999ff;
    /* background: #ffffff2e; */
    box-shadow: -7px 0px 7px -5px rgb(6 13 245) inset;
    margin-right: 10px;
}
.content .ant-menu, .content .ant-menu-submenu > .ant-menu{
    background: #ffffff2e;
    color: #fff;
}
.content .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background: rgba(0, 0, 0, 0.65);
}
.ant-table-thead > tr > th{
    color: #ffffff;
    font-weight: 500;
    text-align: left;
    background: #fafaff00;
    border-bottom: 1px solid #9999ff;
    transition: background 0.3s ease;
}
.ant-card {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    color: #ffffff;
    font-size: 14px;
    font-variant: tabular-nums;
    line-height: 1.5;
    list-style: none;
    font-feature-settings: 'tnum';
    position: relative;
    background: none;
    border-radius: 2px;
    transition: all 0.3s;
}
.ant-card-head{
     color: #ffffff;
     border-bottom: 1px solid #9999ff;
}
.ant-card-body {
    padding-top:0px;
    padding-bottom:0px;
    zoom: 1;
}
.ant-table {
    color: #ffffff;
}
.ant-card-bordered {
    border: 1px solid #9999ff;
}
.ant-table-tbody > tr > td {
    border-bottom: 1px solid #9999ff;
}
.ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-thead > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td, .ant-table-tbody > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected) > td {
    background: #ffffff2e;
}
.ant-table-tbody>tr.ant-table-row-selected td{background:#ffffff2e}
.ant-table-placeholder {
   
    color: #ffffff;
    background: none;
}
.ant-empty-normal {
    margin: 12px 0;
    color: #ffff;
}
.ant-pagination{
    color: #ffffff;
}
.ant-pagination-item a {
  
    color: #ffffff;
}
.ant-pagination-item-active {
    font-weight: 500;
    background: #ffffff2e;
    border-color: #9999ff;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
    background: #ffffff;
    border-color: transparent;
}

.ant-card-head a{
  color: #ffffff;
}
.ant-tabs{
  color: #ffffff;
}
.ant-tabs-nav .ant-tabs-tab-active {
    color: #9999ff;
}
.ant-tabs-ink-bar {
    background-color: #9999ff;
}
.ant-tabs-bar {
    border-bottom: 1px solid #9999ff;
}
.ant-tabs-tab-prev, .ant-tabs-tab-next {
   
    color: #9999ff;
    
}
.ant-tabs-tab-next:hover,.ant-tabs-tab-prev:hover{color:rgba(255,255,255)}
.ant-notification-notice {
    
    background: rgba(0, 0, 0, 0.65);
   
}
.ant-select-selection {

    background-color: rgba(0, 0, 0, 0.15);
    border: 1px solid #d9d9d9;
   
}
.ant-select-dropdown{color:#ffffff;background-color:#000000a6;}

.ant-select-dropdown-menu-item {
    color:#ffffff;
}
.ant-select-dropdown-menu-item:hover{background-color:#000000a6}
.ant-select-dropdown-menu-item-active:not(.ant-select-dropdown-menu-item-disabled) {
    background-color:#ffffff0d !important; 
}
.ant-select-dropdown-menu-item-selected,.ant-select-dropdown-menu-item-selected:hover{background-color:#000000a6;font-weight:600;color:#ffffff}
.ant-radio-button-wrapper {
    
    color: #ffffff;
    
     background: #fafaff00;
    border: 1px solid #9999ff;
  
}
.ant-radio-button-wrapper:first-child {
    border-left: 1px solid #9999ff;
    border-radius: 4px 0 0 4px;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
   
    color: #9999ff;
    background: #fafaff00;
    border-color: #9999ff;
    box-shadow: -1px 0 0 0 #9999ff;
}
.ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
    border-color: #9999ff;
    box-shadow: none !important;
}
.ant-pagination.mini .ant-pagination-prev .ant-pagination-item-link, .ant-pagination.mini .ant-pagination-next .ant-pagination-item-link {
    border-color: #fafafa;
   
}
.ant-drawer-content {
   
    background-color: #000000a6;
    border: 1px solid #9999ff;
}
.ant-form-item-label > label {
    color: #fafafa;
}
.ant-input {
  
    color: #fafafa;
   
    background-color: #fff;
    background-image: none;
    border: 1px solid #9999ff;
    border-radius: 2px;
}
.ant-drawer-header {
    position: relative;
    padding: 16px 24px;
    background: #000000a6;
    border-bottom: 1px solid #9999ff;
    border-radius: 1px 1px 0 0;
}
.ant-drawer-title {
  
    color: #fafafa;
 
}
.ant-drawer-close {
   
    color: #9999ff;
   
}
.ant-drawer-close:focus,.ant-drawer-close:hover{color:#096dd9}
.ant-btn-primary {
   
    background-color: #9999ff;
    border-color: #9999ff;
 
}